<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<title>微博移动端</title>
	<link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="./css/index.css">
	<link rel="stylesheet" href="./css/discover.css">
</head>
<body>
	<div class="container">
		<div class="header">
			<div class="header_left">
				<i class="fa fa-camera"></i>
			</div>
			<div class="header_middle">
				<span>关注</span><span>热门</span>
			</div>
			<div class="header_right">
				<i class="fa fa-qrcode"></i>
			</div>
			<div class="orange_line"></div>
		</div>
		<div class="bodyer clearfix">
			<div class="story clearfix">
				<img src="./images/tx.jpg" alt="">
				<img src="./images/tx.jpg" alt="">
				<img src="./images/tx.jpg" alt="">
				<img src="./images/tx.jpg" alt="">
				<img src="./images/tx.jpg" alt="">
				<i>+</i>
				<div>
					<span>我的故事</span>
					<span>陈赫</span>
					<span>鹿晗</span>
					<span>邓超</span>
					<span>王祖蓝</span>
				</div>
			</div>
			<div class="bar">
				<i class="fa fa-fire"></i>
				<span>热门</span>
				<i class="fa fa-angle-down"></i>
			</div>
			<div class="content clearfix">
				<div class="title">
					<img src="./images/tx.jpg" alt="">
				</div>
				<div class="name">
					<span>苍南派</span><i></i>
				</div>
				<div class="time">
					<span>今天12：08 来自 iphone</span>
				</div>
				<div class="ss">
					<span>今日分享图片:</span><br>
					<img src="./images/min2.jpg" alt="">
					<img src="./images/min1.jpg" alt="">
				</div>
				<div class="bottom_bar">
					<div><i class="fa fa-external-link"></i> 6</div>
					<div><i class="fa fa-comments-o"></i> 12</div>
					<div><i class="fa fa-thumbs-o-up"></i> 30</div>
				</div>
				<!-- <div class="gray_line"></div> -->
			</div>
			<div class="content clearfix">
				<div class="title">
					<img src="./images/tx.jpg" alt="">
				</div>
				<div class="name">
					<span>苍南派</span><i></i>
				</div>
				<div class="time">
					<span>今天12：08 来自 iphone</span>
				</div>
				<div class="ss">
					<span>今日分享图片:</span><br>
					<img src="./images/min2.jpg" alt="">
					<img src="./images/min1.jpg" alt="">
				</div>
				<div class="bottom_bar">
					<div><i class="fa fa-external-link"></i> 6</div>
					<div><i class="fa fa-comments-o"></i> 12</div>
					<div><i class="fa fa-thumbs-o-up"></i> 30</div>
				</div>
				<!-- <div class="gray_line"></div> -->
			</div>
			<div class="content clearfix">
				<div class="title">
					<img src="./images/tx.jpg" alt="">
				</div>
				<div class="name">
					<span>苍南派</span><i></i>
				</div>
				<div class="time">
					<span>今天12：08 来自 iphone</span>
				</div>
				<div class="ss">
					<span>今日分享图片:</span><br>
					<img src="./images/min2.jpg" alt="">
					<img src="./images/min1.jpg" alt="">
				</div>
				<div class="bottom_bar">
					<div><i class="fa fa-external-link"></i> 6</div>
					<div><i class="fa fa-comments-o"></i> 12</div>
					<div><i class="fa fa-thumbs-o-up"></i> 30</div>
				</div>
				<!-- <div class="gray_line"></div> -->
			</div>
			<div class="content clearfix">
				<div class="title">
					<img src="./images/tx.jpg" alt="">
				</div>
				<div class="name">
					<span>苍南派</span><i></i>
				</div>
				<div class="time">
					<span>今天12：08 来自 iphone</span>
				</div>
				<div class="ss">
					<span>今日分享图片:</span><br>
					<img src="./images/min2.jpg" alt="">
					<img src="./images/min1.jpg" alt="">
				</div>
				<div class="bottom_bar">
					<div><i class="fa fa-external-link"></i> 6</div>
					<div><i class="fa fa-comments-o"></i> 12</div>
					<div><i class="fa fa-thumbs-o-up"></i> 30</div>
				</div>
				<!-- <div class="gray_line"></div> -->
			</div>
			<div class="content clearfix">
				<div class="title">
					<img src="./images/tx.jpg" alt="">
				</div>
				<div class="name">
					<span>苍南派</span><i></i>
				</div>
				<div class="time">
					<span>今天12：08 来自 iphone</span>
				</div>
				<div class="ss">
					<span>今日分享图片:</span><br>
					<img src="./images/min2.jpg" alt="">
					<img src="./images/min1.jpg" alt="">
				</div>
				<div class="bottom_bar">
					<div><i class="fa fa-external-link"></i> 6</div>
					<div><i class="fa fa-comments-o"></i> 12</div>
					<div><i class="fa fa-thumbs-o-up"></i> 30</div>
				</div>
				<!-- <div class="gray_line"></div> -->
			</div>
			
		</div>
		<div class="footer">
			<a href="index.html">
				<img src="./images/homeB.png">
				<p>微博</p>
			</a>
			<a href="./html/information.html">
				<img src="./images/meg.png" alt="">
				<p>消息</p>
			</a>
			<a href="./html/release.html">
				<i class="fa fa-plus" style="color: #fff;font-size: 30px;"></i>
			</a>
			<a href="./html/discover.html">
				<img src="./images/search.png">
				<p>发现</p>
			</a>
			<a href="./html/own.html">
				<img src="./images/me.png" alt="">
				<p>我</p>
			</a>
		</div>
	</div>
</body>
</html>